<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Netflix clone</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
<link rel="stylesheet" href="netflixstyle.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Kanit:wght@200&family=Nunito:wght@700&family=Telex&display=swap"
rel="stylesheet">
</head>
<body>
<!--main frame-->
<div class="mainimage">
<!--task bar-->
<div class="taskbar">
<div class="profile"><img
src="https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-and-shapes-3/177800/131-512.png"
height="px" width="26px"></div>
<div class="logo"> <img
src="https://th.bing.com/th/id/R.05c96bba4090acafe115aad47e66572d?rik=ejgwaTp6m0Dv6g&riu=http%3a%2f%2f1000logos.net%2fwp-content%2fuploads%2f2017%2f05%2fNetflix-Logo.png&ehk=gJbypm3nuRFxW%2fGn3WbaXOcTVq6kNgynGml%2fdXD79fM%3d&risl=&pid=ImgRaw&r=0"
height="50px" width="90px"> </div>
<div class="item">
<div class="t1">Home</div>
<div class="t1"> TV Shows</div>
<div class="t1">Movies</div>
<div class="t1">Recently Added</div>
<div class="t1"> My List</div>
</div>
<!--right bar element-->
<div class="item2">
<div class="t2"> <img
src="https://th.bing.com/th/id/R.a8b4023da5b179889f8a8303c9052827?rik=aorqSl1wlWI2%2bw&riu=http%3a%2f%2fwww.newdesignfile.com%2fpostpic%2f2014%2f02%2fwhite-search-icon_249457.png&ehk=XZ4GiVhZKSzG3UNC1m8cwulkdKNowzfjit7CJdmSek8%3d&risl=&pid=ImgRaw&r=0"
height="23px" width="23px"></div>
<div class="t2">KIDS</div>
<div class="t2"> DVD</div>
<div class="t2"> <img src="https://i.pinimg.com/originals/bc/34/52/bc3452c90c98ae2814cb8a17981c39e5.png"
height="23px" width="23px"></div>
</div>
</div>
<!--profile box-->
<!---- <div class="profilebox"></div> >
<!--moive des-->
<div class="logo2"><img src="https://1000logos.net/wp-content/uploads/2017/05/Netflix-Logo-2006.png"
height="30px" width="50px"> </div>
<b class="b1"> S E R I E S</b>
<h1 class="money">MONEY</h1>
<h1 class="heist">HEIST</h1>
<!--BUTOON-->
<div class="play"><img class="p"
src="https://th.bing.com/th/id/R.cf87a3c8dee0296469009c94550ae988?rik=bCC0NJP1WSq4tA&riu=http%3a%2f%2fwww.pngall.com%2fwp-content%2fuploads%2f5%2fRed-Play-Button-PNG.png&ehk=JcboKCyJh2v1%2f8eKG%2bNYq2QVPlBmDsThybWUUrgFat4%3d&risl=&pid=ImgRaw&r=0"
height="20px" width="20px"> <b class="tp">Play</b></div>
<div class="mylist2"><img class="p1"
src="https://th.bing.com/th/id/R.988a69e0d56c8a348f9e3e5337845bd2?rik=etB%2fY1%2fIBp65NQ&riu=http%3a%2f%2fimages.onlinelabels.com%2fimages%2fclip-art%2fenki%2fenki_grey_plus_sign.png&ehk=pst5zMvs16hIv8TSUs6tNBejKowcvNKb1Eu4RXF4nZU%3d&risl=&pid=ImgRaw&r=0"
height="22px" width="22px"><b class="tp1"> My List</b></div>
<!--right box-->
<div class="rightbox">
<p class="rb">TV-MA</p>
</div>
<!--descrption-->
<h3 class="des1">Watch Part 3 Now</h3>
<br>
<h5 class="des2">Money Heist is a Spanish heist crime drama <br>television series created by Álex Pina. The
series traces two long-prepared <br>heists led by the Professor, one on the Royal Mint of Spain,<br> and one
on the Bank </h5>
<!-- Movie poster-->
<dvi class="movie">
<div class="align"> <img src="https://cdn.bollywoodmdb.com/movies/largethumb/2018/83/83-poster-18.jpg" height="210px" width="154px" ></div>
<div class="align"> <img src="https://www.rvcj.com/wp-content/uploads/2018/01/kahaani-poster.jpg" height="210px" width="154px" ></div>
<div class="align"> <img src="
https://i.pinimg.com/736x/b9/74/53/b974538e486646270a5bafeaac15e722.jpg
" height="210px" width="154px" ></div>
<div class="align"> <img src="https://1.bp.blogspot.com/-gmoM0BcH6dg/XSXZFft_AAI/AAAAAAAAN3w/3mlJjP59XZ4HQlR9WkMboqjG4kp3N6hRACLcBGAs/s1600/Sooryavanshi-2020-Full-Cast-Crew-and-Release-Date.jpg" height="210px" width="154px" ></div>
<div class="align"> <img src="https://i.pinimg.com/736x/73/9a/20/739a20ca9dc20d2184d65e947bc7da30.jpg
" height="210px" width="154px" ></div>
<div class="align"> <img src="https://th.bing.com/th/id/R.f97c2de426eabf8dbf18ffdd4d392c67?rik=zPcamf3dY7wnFw&riu=http%3a%2f%2fwww.bollymoviereviewz.com%2fwp-content%2fuploads%2f2014%2f03%2fBhp1HN9CcAEjmH3.jpg&ehk=lmfnEwn6v2FY3ZEYOor%2bECMNy%2boZq0nelvl3pYR0GG0%3d&risl=&pid=ImgRaw&r=0
" height="210px" width="154px" ></div>
<div class="align"> <img src="https://stat2.bollywoodhungama.in/wp-content/uploads/2020/03/Code-Name-Abdul-557x800.jpg
" height="210px" width="154px" ></div>
<div class="align"> <img src="https://th.bing.com/th/id/OIP.ayAXCEN-_FNUnBb8HzpFMQHaKy?pid=ImgDet&rs=1" height="210px" width="154px" ></div>
<div class="arrowright"> <img src="https://cdn0.iconfinder.com/data/icons/round-arrows-1/134/small_right_red-256.png" height="38px" width="38px"></div>
</dvi>
<div class="explore">
<img class="n1"
src="https://th.bing.com/th/id/R.05c96bba4090acafe115aad47e66572d?rik=ejgwaTp6m0Dv6g&riu=http%3a%2f%2f1000logos.net%2fwp-content%2fuploads%2f2017%2f05%2fNetflix-Logo.png&ehk=gJbypm3nuRFxW%2fGn3WbaXOcTVq6kNgynGml%2fdXD79fM%3d&risl=&pid=ImgRaw&r=0"
height="50px" width="90px"> <h3 class="or">Originals</h3>
</div>
<!-- choice box-->
<div class="row1">
<div class="choice"> <img class="img1" src="https://inewsnetwork.net/wp-content/uploads/2017/01/stranger-things-poster-square.jpg" height="200px" width="200px" ></div>
<div class="choice"> <img class="img1" src="https://th.bing.com/th/id/OIP.9BlFwjbFkmVDOCXCA0jjrgHaHa?pid=ImgDet&rs=1" height="200px" width="200px" ></div>
<div class="choice"> <img class="img1" src="https://th.bing.com/th/id/R.443239729bd8a5fd51c885402d2d5d16?rik=LDry%2bjx2QcA3BA&riu=http%3a%2f%2fwww.indiantelevision.com%2fsites%2fdefault%2ffiles%2fimages%2ftv-images%2f2019%2f02%2f22%2fMirzapur.jpg&ehk=EJuxAicTN%2b%2f6%2bH28lNlYbPaJMSXZ7U09a%2fGlCCFTmNc%3d&risl=&pid=ImgRaw&r=0" height="200px" width="200px" ></div>
</div>
<!--Row 2-->
<div class="row2">
<div class="choice"> <img class="img1" src="https://images.wallpapersden.com/image/download/joker-2019-movie-poster_a2trZWeUmZqaraWkpJRnbmhnrWduaGc.jpg" height="200px" width="200px" ></div>
<div class="choice"> <img class="img1" src="https://i.pinimg.com/originals/0f/58/b6/0f58b601bb8aff7bb3cb42afdd727319.png" height="200px" width="200px" ></div>
<div class="choice"> <img class="img1" src="https://i0.wp.com/music.gizprix.com/wp-content/uploads/2020/04/RRR-Songs-download.jpg?resize=1536%2C1536&ssl=1" height="200px" width="200px" ></div>
</div>
<!-- PUSPA-->
<div class="puspa">
<h3 class="pus" > <b class="pt">Watch Puspa On</b></h3> <br>
<h3 class="pus1"> NETFLIX</h3>
<b class="des3"> Streaming Puspa Now</b>
<h5 class="des4"> Part 01 is a 2021 Indian Telugu-language action dramn and directed <br>by Sukumar. Produced by Mythri Movie Makers uttamsetty Media, it <br>stars Allu Arjun as the titular character alongside Fahadh Faasil, <br> and Rashmika Mandanna while Jagadeesh Prathap BandRao Ramesh, Dhananjaya, <br> Anasuya Bharadwaj, Ajay and Ajay Ghosh play supporting roles. The first <br> of two cinematic parts, the film depicts the rise of a coolie in the <br> smuggling syndicate of red sandalwood, a rare wood </h5>
</div>
</div>
</body>
</html>